<!doctype html>
<html lang="en" id="uc_lives" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/uc_basicInfo.css">
</head>
<body>
<div class='common-header'>
    <div class='left'>
        <a href="javascript:history.back()">
            <i class='iconfont icon-left'></i>
        </a>
    </div>
    <div class="middle">
        生活描述
    </div>
    <div class="right">
        <a v-on:click="save()">
            保存
        </a>
    </div>
</div>
<ul>
    <li>
        家中排行
        <span>
            <span>\{{getName(homeRankList, req.homeRank)}}</span>
        </span>
        <select v-model="req.homeRank">
            <option v-for="item in homeRankList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        最大消费
        <span>
            <span>\{{getName(maxConsumerList, req.maxConsumer)}}</span>
        </span>
        <select v-model="req.maxConsumer">
            <option v-for="item in maxConsumerList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        是否吸烟
        <span>
            <span>\{{getName(smokingList, req.smoking)}}</span>
        </span>
        <select v-model="req.smoking">
            <option v-for="item in smokingList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        宗教信仰
        <span>
            <span>\{{getName(faithList, req.faith)}}</span>
        </span>
        <select v-model="req.faith">
            <option v-for="item in faithList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        锻炼习惯
        <span>
            <span>\{{getName(sportList, req.sport)}}</span>
        </span>
        <select v-model="req.sport">
            <option v-for="item in sportList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        是否喝酒
        <span>
            <span>\{{getName(drinkList, req.drink)}}</span>
        </span>
        <select v-model="req.drink">
            <option v-for="item in drinkList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        作息习惯
        <span>
            <span>\{{getName(restList, req.rest)}}</span>
        </span>
        <select v-model="req.rest">
            <option v-for="item in restList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        喜欢制造浪漫
        <span>
            <span>\{{getName(romanticList, req.romantic)}}</span>
        </span>
        <select v-model="req.romantic">
            <option v-for="item in romanticList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        是否要孩子
        <span>
            <span>\{{getName(childList, req.child)}}</span>
        </span>
        <select v-model="req.child">
            <option v-for="item in childList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li>
        是否愿意与对方父母同住
        <span>
            <span>\{{getName(liveList, req.live)}}</span>
        </span>
        <select v-model="req.live">
            <option v-for="item in liveList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
</ul>
<div class="list">
    <p>生活技能</p>
    <span v-for="item in lifeSkillsList" v-bind:class="{'checked':isChecked(item)}" v-on:click="pick($index)">
        \{{item.name}}
    </span>
</div>
</body>
<script>var app = 'uc_lives';</script>
<script data-main="js/common/{{jsPath "require_config"}}" src="lib/requirejs/require.js"></script>
</html>